/**
*@author       wuwg
*@createTime   2018/03/20
*@updateTime   2018/05/02
*@description
*@rule
 */
@import '../../../config/config.less';

@css-prefix-backtop: ~"@{css-prefix}back-top";

.@{css-prefix-backtop} {
  z-index: @zindex-back-top;
  position: fixed;
  cursor: pointer;
  display: none;

  &.@{css-prefix-backtop}-show {
    display: block;
  }

  &-inner {
    background-color: rgba(0,0,0,.6);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(0,0,0,.2);
    transition: all @transition-time @ease-in-out;

    &:hover {
      background-color: rgba(0,0,0,.7);
    }
  }

  i{
    color: #fff;
    font-size: 24px;
    padding: 8px 12px;
  }
}
